<template>
  <el-menu router style="margin-left:10px;margin-right:10px">
    <el-sub-menu index="/inf">
      <template #title><Icnotice  style="margin-right:10px" />消息管理</template>
      <el-menu-item index="/notice"><Notice1  style="margin-right:10px" />公告发布</el-menu-item>
      <el-menu-item index="/topic">
		  <el-icon><Bell /></el-icon>
		  <span>话题管理</span>
		</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="/sec">
      <template #title><Icsec  style="margin-right:10px" />安保管理</template>
      <el-menu-item index="/visitor"><Visitor1 style="margin-right:10px" />访客通行</el-menu-item>
      <el-menu-item index="/parkingSpace"><Parking1 style="margin-right:10px" />车位管理</el-menu-item>
    </el-sub-menu>
	<el-sub-menu index="/property">
	  <template #title><Icpro  style="margin-right:10px" />物业管理</template>
	  <el-menu-item index="/repair"><Repair1 style="margin-right:10px" />报事处理</el-menu-item>
	  <el-menu-item index="/complaint"><Complaint1 style="margin-right:10px" />投诉管理</el-menu-item>
	</el-sub-menu>
  </el-menu>
</template>

<script setup>
import { Bell} from '@element-plus/icons-vue'

import Icnotice from  '@/components/icons/CommunityIcon/Iconnotice'
import Notice1 from '@/components/icons/CommunityIcon/notice1'
import Complaint1 from '@/components/icons/CommunityIcon/complaint2'
import Icsec from  '@/components/icons/CommunityIcon/Iconsec'
import Visitor1 from  '@/components/icons/CommunityIcon/visitor1'
import Parking1 from  '@/components/icons/CommunityIcon/parking1'
import Icpro from  '@/components/icons/CommunityIcon/Iconpro'
import Repair1 from  '@/components/icons/CommunityIcon/repair1'
import Icpay from  '@/components/icons/CommunityIcon/Iconpay'
import Payment1 from  '@/components/icons/CommunityIcon/payment1'
</script>

<style scoped lang="scss">
	.el-menu-item{
			  background-color: #f5f7fa;
			  border-radius: 8px;
			  padding: 30px 0px;
		}
		.el-menu{
			  background-color: #f5f7fa;
			  border-radius: 8px;
			   border-right: none;
		 }
		 .el-sub-menu, .el-sub-menu__title{
			 background-color: #f5f7fa;
			 border-radius: 8px 8px 8px 8px;
		 }
</style>
